<template>
  <div class="content">
    <div class="number-card">
      <img src="../../assets/dasboard/icon_discount-type1.png" height="90" width="90" />
      <div>
        <span class="name"  >国家级</span>
        <div><span class="value">{{detail.country}}</span><span style="font-size:14px; margin-left: 8px;">个</span></div>
      </div>
    </div>
    <div class="number-card">
      <img src="../../assets/dasboard/icon_discount-type2.png" height="90" width="90" />
      <div>
        <span class="name"  >省级</span>
        <div><span class="value">{{detail.province}}</span><span style="font-size:14px;margin-left:8px;">个</span></div>
      </div>
    </div>
  </div>
</template>

<script>
import {getPolicySta} from '@/api/api'
export default {
  data(){
    return{
      detail:{}
    }
  },
  mounted(){
    getPolicySta().then((res)=>{
      if(res.success){
        this.detail = res.result
      }
    })
  }
}
</script>

<style lang="less" scoped>
.content{
    height: 180px;
    display: flex;
    justify-content: space-around;
    align-items: center;

.number-card{
      flex: 1;
    margin: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    padding: 10px 24px 10px 10px;
    height: fit-content;
    width: fit-content;
    background: #F7FAFF;
    .name {
      display: block;
      font-size: 14px;
      color: #999;
    }
    .value {
      font-size: 26px;
      font-weight: bold;
      color: #212d36;
    }
}
}
</style>